<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>案件回收站</title>
    
    <!--案件回收站页面-->

    <!-- import CSS -->
    <link rel="stylesheet" href="../../layuiadmin/element-ui/lib/theme-chalk/index.css">
    <!-- import Vue before Element -->
    <script src="../../layuiadmin/js/case/vue.js"></script>
    <!-- import JavaScript -->
    <script src="../../layuiadmin/element-ui/lib/index.js"></script>
    <!-- import vueResource -->
    <script type="text/javascript" src="../../layuiadmin/js/case/vue-resource.js"></script>
    <script>Vue.config.productionTip=false</script>

    <style>
        body{
            background: #FFFFFF;
        }
    </style>

</head>
<body>

    <div id="app">

        <el-form style="margin-top: 20px" :inline="true" :model="Case_law" size="mini" class="demo-form-inline">

            <el-form-item>
                <el-input style="width: 150px;" v-model="Case_law.caseId" placeholder="请输入案件号"></el-input>
                <el-input style="width: 150px;" v-model="Case_law.clientId.clientName" placeholder="请输入委托人名称"></el-input>
                <!-- 
                    案件类型
                    props.label 显示值
                    props.value 选择值
                    props.children 子集
                -->
                <el-cascader :options="case_type" :props="type_key" v-model="selectcaseTypeid"
                             placeholder="选择案件类型" clearable></el-cascader>
            </el-form-item>

            <el-form-item>
                <el-button type="primary" @click="onSubmit">查询</el-button>
            </el-form-item>

        </el-form>
        

        <el-table :data="tableData" style="width: 100%">
            <el-table-column sortable prop="caseId" width="150px" label="案号">
                <!--
                    scope 总数据
                    row 行对象 row.xx获取数据
                    scope.$index 获取行号
                    scope.row.caseId 案件号
                -->
                <template slot-scope="scope">
                    <el-link type="primary" @click="queryByid(scope.row.caseId)">{{scope.row.caseId}}</el-link>
                </template>

            </el-table-column>

            <el-table-column sortable prop="submitDate" label="创建时间">
            </el-table-column>

            <el-table-column prop="clientId.clientName" label="委托人">
            </el-table-column>

            <el-table-column prop="oppositeId.clientName" label="对方当事人">
            </el-table-column>

            <el-table-column prop="mainLawyer.empName" label="主办律师">
            </el-table-column>

            <el-table-column prop="caseTypeid.typeName" label="案件类型">
            </el-table-column>

            <el-table-column prop="caseStatus" label="案件状态">
            </el-table-column>

            <el-table-column prop="agencyMoney" label="代理费">
            </el-table-column>

            <el-table-column prop="realityMoney" label="实付金额">
            </el-table-column>

            <el-table-column prop="closeState" label="收案审批">
            </el-table-column>

            <el-table-column prop="closeMode" label="收案方式">
            </el-table-column>

        </el-table>


        <!--
          :visible.sync="dialogVisible" 控制打开关闭
          :before-close="handleClose" 控制关闭的方法
      -->
        <!--单条案件显示模态框 -->
        <el-dialog title="案件详情信息" :visible.sync="dialogVisible" width="70%" :before-close="handleClose">
            <table v-loading="law_loding" style="font-size: 14px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) " class="table-border" border="0px" width="1030px" height="300px">
                <tr>
                    <td>案号：{{law.caseId}}</td>
                    <td>委托人：{{law.clientId.cname}}</td>
                    <td>对方当事人：{{law.oppositeId.cname}}</td>
                    <td>诉讼地位：{{law.locusStandi}}</td>
                </tr>

                <tr>
                    <td>案由：{{law.causeOfAction}}</td>
                    <td>案件冲突详情：{{law.causeDetails}}</td>
                    <td>案件状态：{{law.caseStatus}}</td>
                    <td>诉讼标的：{{law.objectOfAction}}</td>
                </tr>

                <tr>
                    <td>案件类型：{{law.caseTypeid.typeName}}</td>
                    <td>卷宗文件：{{law.recordFilename}}</td>
                    <td>提交人：{{law.submitId.user_name}}</td>
                    <td>提交时间：{{law.submitDate}}</td>
                </tr>

                <tr>
                    <td>承办律师：{{law.mainLawyer.empName}}</td>
                    <td>代理费用：{{law.agencyMoney}}</td>
                    <td>杂费：{{law.blendMoney}}</td>
                    <td>应付金额：{{law.amountMoney}}</td>
                </tr>

                <tr>
                    <td>受理法院：{{law.courtId.courtName}}</td>
                    <td>开庭时间：{{law.sessionDate}}</td>
                    <td>立庭日期：{{law.stateSessionDate}}</td>
                    <td>宣判日期：{{law.trialDate}}</td>
                </tr>

                <tr>
                    <td>收案审批状态：{{law.closeState}}</td>
                    <td>收案方式：{{law.closeMode}}</td>
                    <td>收案时间：{{law.closeDate}}</td>
                    <td>审批人：{{law.closeDate}}</td>
                </tr>

            </table>
        </el-dialog>
        
    </div>
    

<script type="text/javascript" src="../../layuiadmin/js/case/Case_Message02.js"></script>

</body>
</html>